datetimepicker时间控件怎么通过点击事件改变timeFormat

地瓜团子233 2016-04-09 03:23:37
$("#StartTime").datetimepicker({
timeFormat:"HH:mm:ss",
dateFormat:"yy-mm-dd",
stepHour : 1,
stepMinute : 1,
changeMonth : true,
changeYear : true,
stepSecond : 1
});

$("#StopTime").datetimepicker({
timeFormat:"HH:mm:ss",
dateFormat:"yy-mm-dd",
stepHour : 1,
stepMinute : 1,
changeMonth : true,
changeYear : true,
stepSecond : 1
});

$('#DateFormat').bind('change', function() {
var DateFormat = $('#DateFormat').val();
var dateformat = 'mm-yy-dd';
if (DateFormat == 1) {
dateformat = 'yy-mm-dd';
} else if (DateFormat == 2) {
dateformat = 'dd-mm-yy';
} else if (DateFormat == 3) {
dateformat = 'mm-dd-yy';
}
$('#StartTime').datetimepicker("option", "dateFormat", dateformat);
$('#StopTime').datetimepicker("option", "dateFormat", dateformat);
});


$('#TimeFormat').bind('change',function(){
var TimeFormat=$("#TimeFormat").find("option:selected").val();
var timeformat='HH:mm:ss';
if(TimeFormat == 1){
timeformat='hh:mm:ss';
}else if(TimeFormat == 2){
timeformat='HH:mm:ss';
}
alert(timeformat);
$('#StartTime').datetimepicker("option","timeFormat", timeformat);
$('#StopTime').datetimepicker("option","timeFormat", timeformat);


});



dateFormat可以改变,但是timeFormat就不行,求解答,最好能贴出代码,谢谢。
...全文
380 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
Pathen 2016-04-11
  • 打赏
  • 举报
回复
如果不能改变timeFormat,就在每次change的时候,把旧的datatimepicker给destroy掉,然后重新构建一个
JS日期控件(橙色),亲试可用 <em>Time</em>picker Demo <script type="text/javascript" src="js/jquery-1.7.1.min.js"> $(function () { $(".ui_timepicker").datetimepicker({ showSecond: true, timeFormat: 'hh:mm:ss', stepHour: 1, stepMinute: 1, stepSecond: 1 }) })

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧