jQuery UI 中时间选择框 datepicker( )方法

一、调用 datepicker（）方法

$('#date').datepicker();

二、修改 datepicker（）样式

修改样式，可以在浏览器中审查元素，然后修改对应地方的样式

// 修改当天日期的样式

.ui-datepicker-today .ui-state-highlight{
     border: 1px solid #eee;
     color: #f60;
}

//修改选定日期的样式

.ui-datepicker-current-day .ui-state-active{
     border: 1px solid #eee;
     color: #06f;
}

三、datepicker（）方法的属性

日历方法有两种形式：1、datepicker(options)，options 是以对象键值对的形式传参，每个键值对表示一个选项；2、datepicker（'aciton'，param），action 是操作对话框方法的字符串，param则是 options 的某个选项。

  

// 设置日期格式

$('#date').datepicker({
    dateFormat: 'yy-mm-dd'
});

 

 

// 指定星期中天的最小格式

$('#date').datepicker({
     dayNamesMin: ['日','一','二','三','四','五','六'],
});