j查询日期选取器不显示时间输入值
jQuery datepicker not showing time input value
我目前正在开发一个网站,其中包含一个日期选择器以及日期和时间。对于时间指示器,我使用了"jquery datepicker addon"。但是,问题是,日期选择器不会更新他的小时/时间输入值。因此,当您选择日期时,日期输入会更新并显示日期选取器(检查元素)的值,但不显示时间输入的值。您可以通过检查代码来查看这一点。
请参阅打印屏幕:http://nl.tinypic.com/r/35816jb/8
该 HTML 代码:
<p>Date: <input type="text" name="datumtijd-aanduiding" id="datumtijd-aanduiding" value=""/> On: <input type="text" name="datumtijd-aanduiding-tijd" id="datumtijd-aanduiding-tijd" value=""/></p>
到目前为止的JS代码:
$( document ).ready(function() {
$("#datumtijd-aanduiding").datepicker({
dateFormat: "DD, d MM yy",
onSelect: function (dateText, instance) {
$('#datumtijd-aanduiding').text(this.value);
var date = $.datepicker.parseDate("DD, d MM yy", dateText);
var isWeekendHours = !$.datepicker.noWeekends(date)[0];
if (isWeekendHours) {
$("#datumtijd-aanduiding-tijd").removeClass("hasDatepicker");
$("#datumtijd-aanduiding-tijd").timepicker({
hourMin: 12,
hourMax: 17,
stepMinute: 5,
timeOnly: true,
timeFormat: "HH:mm"
});
} else {
$("#datumtijd-aanduiding-tijd").removeClass("hasDatepicker");
$("#datumtijd-aanduiding-tijd").timepicker({
hourMin: 8,
hourMax: 22,
stepMinute: 5,
timeOnly: true,
timeFormat: "HH:mm"
});
}
},
//set options
minDate: 0,
numberOfMonths: 1,
showButtonPanel: true,
changeMonth: true,
changeYear: false,
selectWeek: true
}).datepicker("setDate", "0");
});
和工作jsfiddle链接:http://goo.gl/G6bK9I
我在使用日期范围选择器时遇到了同样的问题
我用了
$('#startDate').daterangepicker({
singleDatePicker: true,
timePicker: true,
locale: {
format: 'MM/DD/YYYY h:mm A'
}
});
相关文章:
- 显示时间的脚本
- 如何用前导零显示时间
- 如何在烛光图表中添加/显示时间框架
- 如何在页面上显示时间、日期IP和URL?更新日期:2015年2月25日
- 在条件中的几个时间行中设置自定义css效果后,从Jquery时间选择器显示时间
- 在指定时间中添加 24 小时后在网页上显示时间 x
- 如何像这样显示时间,例如:1秒前,1分钟前,1小时前,1个月前
- j查询日期选取器不显示时间输入值
- JavaScript 和 JQuery:在文本框中显示时间
- 给定一个时间戳,如何按天/周/月显示时间
- 为什么不显示时间
- 显示时间而不是日期的图表
- 根据天数和月数显示时间戳
- 如何在 Javascript 中显示时间
- 如果午夜使用时刻.js,则不显示时间
- 是否可以筛选 JSON 源以仅显示时间戳字符串中的时间
- 检查后显示时间选择器复选框,导轨(Redmine)
- 设置showErrorMessage()的显示时间
- 以12小时格式显示时间
- 日期时间倒计时,删除小数,并在每个类别中保留时间显示时间