如何格式化datepicker Jquery的日期？

我希望我的日期選擇器以這種格式選擇日期：dd/mm/yyyy 這是我當前的代碼。如何格式化datepicker Jquery的日期？

$(function() { 
    var dateString = "10/06/1993"; // dd/mm/yyyy 
    var date = new Date(dateString); 
    $('.input-datepicker').datepicker('setDate', date); 
    $('.input-datepicker') 
     .datepicker({format:'dd/mm/yyyy'}) 
     .on('changeDate', function(e) { 
       $(this).datepicker('hide'); 
      } 
    ); 
});

現在，如果我點擊輸入，datepicker會在10月6日而不是6月10日被選中。

當我提醒（日期）時，它顯示此消息「Wed Oct 06 1993 00:00:00 GMT ...」。

我該如何選擇日期格式爲dd/mm/yyyy？

或者是否有可能使用格式創建新的日期？（因爲新的日期（dateString）有一個像DD/MM/YYYY格式）

來源

2015-07-03 jap

它看起來像你的代碼是正確的（至少它與我用於格式相同）。但是，當你提醒（日期）你提醒你'新的日期（日期字符串）。如果你要提醒$（'。input-datepicker'）.val（），你應該得到格式正確的日期。 –

@PatDobson I alert（$（'。input-datepicker'）。val（）），當我選擇1個oct而不是「01/10/1993」時，它也是「10/01/1993」。 – jap

嘗試在此行中使用'dateString：'$（'。input-datepicker'）。datepicker（'setDate'，date）;'即放入原始文本而不是創建新的日期對象。 –

可以使用像UTC設置：

var date = new Date(Date.UTC(1993,05,10)); 
$('.input-datepicker').datepicker('setDate', date);

另外要在每月的關注，讓6月的不是6，但5，月份從0開始！

來源

2015-07-03 08:27:42 Mivaweb

你在這裏用這個var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val(); 以上信息：

http://api.jqueryui.com/datepicker/#option-dateFormat

http://api.jqueryui.com/datepicker/#utility-formatDate

來源

2015-07-03 08:27:45 Hamelraj

有一個在你的代碼中的缺失部分。該物業是DATEFORMAT &不僅格式：

在這裏你去，試試這個：

$(function() { 
    var dateString = "10/06/1993"; // dd/mm/yyyy 
    var date = new Date(dateString); 
    $('.input-datepicker').datepicker('setDate', date); 
    $('.input-datepicker') 
     .datepicker({dateFormat:'dd/mm/yy'}) 
     .on('changeDate', function(e) { 
       $(this).datepicker('hide'); 
      } 
    ); 
});

小提琴鏈接：DEMO

來源

2015-07-03 08:46:37

$(".input-datepicker").datepicker({ 
    dateFormat: "dd/mm/yy" 
});

小提琴演示：https://jsfiddle.net/geogeorge/2tqxjd2p/2/

來源

2017-03-08 09:48:41

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="author" content="tejaseethal, [email protected]"> 
    <title>jQuery UI Datepicker</title> 
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    <script> 
    $(function(){ 
     $("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' }); 
    }); 
    </script> 
</head> 
<body> 
    <p>Date: <input type="text" value="<?php echo date("d-m-Y"); ?>" id="datepicker"></p> 
</body> 
</html>

來源

2017-10-23 08:49:04 Tejaseethal

如何格式化datepicker Jquery的日期？

回答

相關問題