每日技术总结:jquery datetimepicker,

Posted basic0001

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了每日技术总结:jquery datetimepicker,相关的知识,希望对你有一定的参考价值。

前言:

 

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,的主要内容,如果未能解决你的问题,请参考以下文章

动态更改 jquery Bootstrap datetimepicker mindate

每日总结2020/02/02

每日技术总结2019.1.4

Jquery Bootstrap Datepicker 禁用过去日期并且不自动填充输入框

每日技术总结:Yarn和Npm大PK

2107 JAVASE每日复习总结 链接汇总