datapicker 的使用

来源：互联网发布：ppt数据分析图制作教程编辑：程序博客网时间：2024/05/17 01:39

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类名。

再次运行，无误。

0 0