从包含datetime的字符串中,jquery日期选择器设置日期格式为“MM-DD-YYYY”

前端之家收集整理的这篇文章主要介绍了从包含datetime的字符串中,jquery日期选择器设置日期格式为“MM-DD-YYYY”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图设置 jquery datepicker日期格式,但它不工作,我已经阅读了几个帖子和答案已经,但没有一个为我工作.以下是我使用的代码,请检查并告诉我我做错了什么.我从数据库获取日期时间为2012-03-06 00:00:00 UTC
  1. <script>
  2. $(document).ready(function() {
  3. $(".datepicker").datepicker({
  4. dateFormat:'MM-DD-YYYY'
  5. }).val();
  6. });
  7. </script>

我也试过

  1. <script>
  2. $(document).ready(function() {
  3. var dateTypeVar = $('.datepicker').datepicker('getDate');
  4. $.datepicker.formatDate('dd-mm-yy',dateTypeVar);
  5. });
  6. </script>

解决方法

这个2012-03-06 00:00:00 UTC不是有效的JavaScript日期,所以datepicker不能接受分配的值.

日期对象:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

setDate方法http://api.jqueryui.com/datepicker/#method-setDate

以兼容格式获取日期,然后以此方式设置日期戳.

码:

  1. $(document).ready(function () {
  2. var dbDate = "2012-03-06";
  3. var date2 = new Date(dbDate);
  4.  
  5. $(".datepicker").datepicker({
  6. dateFormat: 'mm-dd-yy'
  7. }).datepicker('setDate',date2)
  8.  
  9. });

演示:http://jsfiddle.net/IrvinDominin/7ck7D/

猜你在找的jQuery相关文章