码迷,mamicode.com
首页 > Web开发 > 详细

每日技术总结:jquery datetimepicker,

时间:2019-01-21 17:53:53      阅读:438      评论:0      收藏:0      [点我收藏+]

标签:设定   soft   picker   php   ima   only   数据   com   r.js   

前言:

 

1.jquery datetimepicker

今天遇到一个日期控件格式的问题,默认选中显示的并不是设定的值,而是当天的日期。于是去查了一遍文档。

参考文章:jquery datetimepicker 配置参数

官方文档:DateTimePicker jQuery plugin select date and time (找了很久)

耗时2小时,翻了无数遍网页,最后亲自去看插件源码,突然灵光一现,发现只是input value的格式传错了,冤啊!!

Html代码如下:

<head>
  <{css src="jquery.datetimepicker.css" app="sysstat" }>
  <{script src="jquery.js" app="sysstat" }>
  <{script src="jquery.datetimepicker.js" app="sysstat" }>
</head>

<body>
    <input class="x-input cal datetimepicker" readonly="readonly" type="text" value="<{$time_start}>" id="time_from" name="time_from"><input class="x-input cal datetimepicker" type="text" value="<{$time_end}>" id="time_end" name="time_end">
</body>

js代码如下:

  $(‘.datetimepicker‘).datetimepicker({
    lang: "ch",
    format: "Y-m-d"
  });

效果如下:

技术分享图片

问题就是选中的那个值并不是input框里的值。

两个input value 是php渲染的数据,

<{$time_start}> 打印出来值是 2019/01/20
<{$time_end}> 打印出来值是 2019/01/20

这俩值格式跟format格式不匹配,format格式是

format: "Y-m-d"

修改如下:

$(‘.datetimepicker‘).datetimepicker({
      lang: "ch",
      format: "Y/m/d"
    });

这样就解决了这个问题。

 

每日技术总结:jquery datetimepicker,

标签:设定   soft   picker   php   ima   only   数据   com   r.js   

原文地址:https://www.cnblogs.com/basic0001/p/10299890.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!