<link type="text/css" href="css/jquery-ui-1817customcss" rel="stylesheet" />
<link type="text/css" href="css/jquery-ui-timepicker-addoncss" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-171minjs"></script>
<script type="text/javascript" src="js/jquery-ui-1817customminjs"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addonjs"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-zh-CNjs"></script>
汉化包代码：
(function ($) {
// 汉化 Datepicker
$datepickerregional['zh-CN'] =
{
clearText: '清除', clearStatus: '清除已选日期',
closeText: '关闭', closeStatus: '不改变当前选择',
prevText: '<上月', prevStatus: '显示上月',
nextText: '下月>', nextStatus: '显示下月',
currentText: '今天', currentStatus: '显示本月',
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
'七月', '八月', '九月', '十月', '十一月', '十二月'],
monthNamesShort: ['一', '二', '三', '四', '五', '六',
'七', '八', '九', '十', '十一', '十二'],
monthStatus: '选择月份', yearStatus: '选择年份',
weekHeader: '周', weekStatus: '年内周次',
dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
dayStatus: '设置 DD 为一周起始', dateStatus: '选择 m月 d日, DD',
dateFormat: 'yy-mm-dd', firstDay: 1,
initStatus: '请选择日期', isRTL: false
};
$datepickersetDefaults($datepickerregional['zh-CN']);
//汉化 Timepicker
$timepickerregional['zh-CN'] = {
timeOnlyTitle: '选择时间',
timeText: '时间',
hourText: '小时',
minuteText: '分钟',
secondText: '秒钟',
millisecText: '微秒',
timezoneText: '时区',
currentText: '现在时间',
closeText: '关闭',
timeFormat: 'hh:mm',
amNames: ['AM', 'A'],
pmNames: ['PM', 'P'],
ampm: false
};
$timepickersetDefaults($timepickerregional['zh-CN']);
})(jQuery);
注：汉化的逻辑就是，设置“zh-CN”标签的语言包内容，然后设置默认语言为“zh-CN”。
Demo页面的完成代码为：
<!DOCTYPE html>
<html>
<head>
<meta >
Datepicker 的选项中有一个 minDate（最小日期），如果你把 minDate 设为当前日期，之前的日期就都不能选了。
minDate 可以为
1、日期对象，例如 new Date()
2、也可以是整数，例如 3 代表 3 天后，-1 代表昨天，0 代表今天
3、也可以是字符串，例如 1w 代表 1 星期后，-2m 代表 两个月之前
所以你的问题，可以设置为日期对象（当前）或者0。
$("#ele")datepicker({
minDate: new Date()
});
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<link rel="stylesheet" href="ui/jquery-uicss">
<link rel="stylesheet" href="ui/jquery-ui-timepicker-addoncss">
<script src="jquery-1js"></script>
<script src="ui/jquery-uijs"></script>
<script src="ui/jquery-ui-timepicker-addonjs"></script>
<script src="ui/jquery-ui-datepicker-zh-CNjs"></script>
<script src="ui/jquery-ui-timepicker-zh-CNjs"></script>
<style>
ui-datepicker{
font-size: 05em;
}
</style>
<script>
jQuery(function(){
// 日期格式选项设置
var dateFormats = ['yy-mm-dd','yy/mm/dd'];
// 时间格式选项设置
var timeFormats =['HH:mm','HH:mm:ss','HH'];
// datetimepicker 选项设置
var pickerOptions = {};
var timeInited = false;
var dateSel = jQuery('#format-date-picker');
var timeSel = jQuery('#format-time-picker');
var datetimeSel = jQuery('#format-datetime-picker');
var picker = jQuery('#datetime-picker');
var changePicker = function(df,tf){
var cd = pickerdatetimepicker('getDate');
pickerdatetimepicker('destroy')datetimepicker(jQueryextend(pickerOptions,{
dateFormat:df,
timeFormat:tf
}))datetimepicker('setDate',cd);
};
jQueryeach(dateFormats,function(){
var date = this;
jQuery('<Option>')text(date)appendTo(dateSel);
jQueryeach(timeFormats,function(){
var time = this;
jQuery('<Option>')text([date,time]join(' '))appendTo(datetimeSel);
if(timeInited)
return true;
jQuery('<Option>')text(time)appendTo(timeSel);
});
timeInited = true;
});
dateSelchange(function(){
var dv = dateSelval();
var tv = timeSelval();
datetimeSelval([dv,tv]join(' '));
changePicker(dv,tv);
});
timeSelchange(function(){
var dv = dateSelval();
var tv = timeSelval();
datetimeSelval([dv,tv]join(' '));
changePicker(dv,tv);
});
datetimeSelchange(function(){
var dtv = jQuery(this)val()split(' ');
dateSelval(dtv[0]);
timeSelval(dtv[1]);
changePicker(dtv[0],dtv[1]);
});
pickerdatetimepicker(jQueryextend(pickerOptions,{
dateFormat:dateFormats[0],
timeFormat:timeFormats[0]
}));
});
</script>
</head>
<body>
<input type="text" id="datetime-picker">
<select name="" id="format-date-picker">
</select>
<select name="" id="format-time-picker">
</select>
<select name="" id="format-datetime-picker">
</select>
</body>
</html>
以上就是关于jquery ui 日期控件怎么精确到秒全部的内容，包括:jquery ui 日期控件怎么精确到秒、查询某个时间段（日期和时间分别用两个DateTimePicker表示，是分开的）之间的记录的sql语句、jquery datepicker 选择时间小时的怎么设置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）