1、项目中用到datepicker的日期选择。
2、加入jquery.js 、juqery-ui.js 和jquery-ui.css 文件
3、 加载datepicker
$("input").datepicker({
dayNames : [ "日", "一", "二", "三", "四", "五", "六" ],
dayNamesMin : [ "日", "一", "二", "三", "四", "五", "六" ],
dayNamesShort : [ "日", "一", "二", "三", "四", "五", "六" ],
monthNames : [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ],
monthNamesShort : [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ],
minDate : new Date(2016, 1 - 1, 1),
navigationAsDateFormat : true,
onSelect : function(dateText) {
console.info(dateText + "-----");
// var date = new Date();
var dates = dateText.split("/");
// date.setFullYear(parseInt(dates[2]), parseInt(dates[0])-1,
// parseInt(dates[1]));
var dateStr = dates[2] + '-' + dates[0] + '-' + dates[1] + ' 00:00:00';
return dateStr;
}
});
4、但是在页面第一次进去的时候,能加载出来datepicker,第二次就不行了,解决方案:在步骤三前面加如下代码:
$('#ui-datepicker-div').remove();
原因在网上找了下,是因为:datepicker已经被配置过, 再次调用$.datepicker()不会对拥有hasDatepicker类名的类产生任何效果. 这个类名是$.datepicker()为input加上去的, 所以你要保证对某input元素调用$.datepicker()之前这个元素没有hasDatepicker类名。
再次运行,无误。