更改datepicker的日期格式

时间:2017-02-07 16:27:18

标签: javascript asp.net angularjs date datepicker

我正在使用ASP.NET在angularJS中创建一个Web应用程序,这是我的datepicker的JavaScript:

$('#sandbox-container input').datepicker({
  autoclose: true
});
$('#sandbox-container input').on('show', function (e) {
  console.debug('show', e.date, $(this).data('stickyDate'));
  if (e.date) {
    $(this).data('stickyDate', e.date);
  } else {
    $(this).data('stickyDate', null);
  }
});
$('#sandbox-container input').on('hide', function (e) {
  console.debug('hide', e.date, $(this).data('stickyDate'));
  var stickyDate = $(this).data('stickyDate');
  if (!e.date && stickyDate) {
    console.debug('restore stickyDate', stickyDate);
    $(this).datepicker('setDate', stickyDate);
    $(this).data('stickyDate', null);
  }
});

ASPX中的代码如下:

<div id="sandbox-container" class="row">
  <div class="col-lg-offset-4 col-md-offset-4 col-sm-offset-4 col-xs-offset-2">
    <div class="row">
      <input type="text" ng-model="datefrm" date-format="dd-MM-yyyy" class="textboxandbutton" placeholder="From" date-only />
    </div>
  </div>
  <div class="col-lg-offset-4 col-md-offset-4 col-sm-offset-4 col-xs-offset-2">
    <div class="row">
      <input type="text" ng-model="dateto" date-format="dd-MM-yyyy" class="textboxandbutton" placeholder="To" date-only>
    </div>
  </div>
</div>

目前的格式为MM/dd/yyyy。这就是日期的显示方式:

  

2017年2月8日

我需要将日期格式更改为:

  

DD-MM-YYYY

我想看到的数据是:

  

2017年8月2日

感谢所有帮助!

2 个答案:

答案 0 :(得分:1)

只需添加datepicker的format选项:

format: 'dd-mm-yyyy'

请在下面的代码段中找到更多信息

$('#sandbox-container input').datepicker({
    autoclose: true,
    format: 'dd-mm-yyyy'
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.css" rel="stylesheet"/>

<div id="sandbox-container">
    <input type="text" type="text" class="form-control" />
</div>

答案 1 :(得分:0)

以下代码可以使用:

var date = "01/24/1977";
var datearray = date.split("/");
var newdate = datearray[0] + '-' + datearray[1] + '-' + datearray[2];