JQuery Datepicker日期格式 - 如何从dd / mm / yyyy更改为dd / mm / yy?

时间:2017-06-07 12:30:53

标签: jquery date jquery-ui datepicker

我使用过日期格式为dd / mm / yyyy的JQuery Datepicker。我希望日期显示为dd / mm / yy。

EG。而不是2017年7月15日,我希望日期在datepicker中显示为15/07/17。

这就是我调用JQuery datepicker的方式,但它并没有按照我的需要格式化日期。

$( ".startdate" ).datepicker({
    dateFormat: 'dd-mm-yy',
    changeMonth: true,
    changeYear: true
});

此日期格式是否有任何内置选项?或者有没有办法根据自己的需要创建自定义日期格式。

2 个答案:

答案 0 :(得分:3)

您需要执行以下操作: -

$( ".startdate" ).datepicker({
    dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true
});

实施例: -

$( ".startdate" ).datepicker({
  dateFormat: 'dd/mm/y',//check change
  changeMonth: true,
  changeYear: true
});
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.js" data-modules="effect effect-bounce effect-blind effect-bounce effect-clip effect-drop effect-fold effect-slide"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />


 <h1>Datepicker with Date Format (dd/mm/y) using JQuery</h1>
  <p>Date picker: <input type="text" class="startdate" size="30"/></p>
  <br> 
  Date Format : dd/mm/y

答案 1 :(得分:0)

这对我来说在每个datePicker版本中都有用(类似于PHP的方法)

$.datepicker.formatDate("dd/mm/y", $.datepicker.parseDate('dd/mm/yy', lowestDate))