如何更改引导日期选择器的日期格式？(How to change the date format in

对于日期选择的代码如下：

$("#startDate").datepicker({
    autoclose:true,
    startView:"months",
    minViewMode:"months",
    orientation: "bottom",
    format: "dd-MM-yyyy"
}).on('changeDate', function(selected){
    startDate = new Date(selected.date.valueOf());
    startDate.setDate(startDate.getDate(new Date(selected.date.valueOf())));
    $('.to').datepicker('setStartDate', startDate);
});
$("#endDate").datepicker({
    autoclose:true,
    startView:"months",
    minViewMode:"months",
    orientation: "bottom",
    format: "dd-MM-yyyy"
}).on('changeDate', function(selected){
    FromEndDate = new Date(selected.date.valueOf());
    FromEndDate.setDate(FromEndDate.getDate(new Date(selected.date.valueOf())));
    $('.from').datepicker('setEndDate', FromEndDate);
});

我在前端得到的格式为：

01月-2016

现在我需要的格式为：

2016年1月

在日期选择器（前端）中，而在后端2016年1月1日 。我怎样才能做到这一点？请帮我出球员。

Answer 1:

您可以通过简单地改变你的日期选择器（前端）格式format选项指定M yyyy代替dd-MM-yyyy 。

然后你可以使用瞬间使用之前所需sendind它的服务器格式，以您的日期转换为字符串。这里有转换日期的一个例子从日期选择得在格式的字符串DD-MMMM-YYYY使用时刻解析函数和矩format方法。

 $("#startDate").datepicker({ autoclose:true, startView:"months", minViewMode:"months", orientation: "bottom", format: "M yyyy" }).on('changeDate', function(selected){ startDate = new Date(selected.date.valueOf()); startDate.setDate(startDate.getDate(new Date(selected.date.valueOf()))); $('.to').datepicker('setStartDate', startDate); }); $("#endDate").datepicker({ autoclose:true, startView:"months", minViewMode:"months", orientation: "bottom", format: "M yyyy" }).on('changeDate', function(selected){ FromEndDate = new Date(selected.date.valueOf()); FromEndDate.setDate(FromEndDate.getDate(new Date(selected.date.valueOf()))); $('.from').datepicker('setEndDate', FromEndDate); }); $('#btnSend').click(function(){ // Getting date from the picker var startDate = $("#startDate").datepicker('getDate'); var endDate = $("#endDate").datepicker('getDate'); // Convert date to string in the given format var startDateServer = moment(startDate).format('DD-MMMM-YYYY'); var endDateServer = moment(endDate).format('DD-MMMM-YYYY'); // You can send startDateServer and endDateServer string to the server console.log(startDateServer, endDateServer); });

 <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"/> <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.css" rel="stylesheet"/> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/js/bootstrap-datepicker.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script> <input type="text" id="startDate" /> <input type="text" id="endDate" /> <button id="btnSend" class="btn btn-primary">Send</button>

Answer 2:

如果你要转换的日期格式的任何格式，使用这个库。

http://momentjs.com/