计算两个 bootstrap 不同格式的日期选择器日期之间的差异

Question

我在 Web 应用程序的前端使用 bootstrap datepicker。数据库需要 dd-mm-yyyy 格式的所有日期。所以这就是我使用 datepicker.

的方式

  <script>
            $(function() {
                $(".dates").datepicker({ 
                     format: 'dd-mm-yyyy',
                     autoclose: true
                });
            });
  </script>

我现在有一个新要求，要检查两个日期值之间的月份差异。我试过这段代码：

var onBookingDate = new Date(jQuery('#datepick_onBooking').val());
var commencingDate = new Date(jQuery('#commencingDate').val());

var msPerMonth = 1000*60*60*24*30;

    alert(onBookingDate );
    alert(commencingDate );
    alert (Math.floor(commencingDate .getTime() - onBookingDate.getTime())/msPerMonth );

在此，它以mm-dd-yyyy

的格式提醒日期

即：如果我 select 10-02-2015（2015 年 2 月 10 日），它会提醒日期为 2015 年 10 月 2 日。

如何将收到提醒的日期格式更改为 dd-mm-yyyy？我无法将格式更改为 mm-dd-yyyy，因为数据库需要 dd-mm-yyyy 格式的日期。

谢谢！

Answer 1

每当谈到 javascript 中的日期处理时，如今的首选应该是将 moment.js 包含在您的项目中。然后你可以简单地改变日期的格式

moment(date here).format('desired format')

查看文档here

要插入数据库，这应该足够了：

moment(date here).format();

moment.js 使得添加或子日期变得非常容易，您可以使用 this plugin 到 moment.js

轻松处理日期范围

Answer 2

您正在尝试从 Date 构造函数的无效字符串格式创建日期对象。

对于日期选择器，在 API 中使用 getDate() 方法通常比必须使用字符串值并再次转换它们更容易。

API 通常 return 日期对象（jQueryUI、Bootstrap 等）。

var onBookingDate = jQuery('#datepick_onBooking').datepicker('getDate');
var commencingDate = jQuery('#commencingDate').datepicker('getDate');

参考：bootstrap datepicker getDate() docs

计算两个 bootstrap 不同格式的日期选择器日期之间的差异

taking the difference between two bootstrap date picker dates with different formats

jquery

datepicker

twitter-bootstrap

bootstrap-datepicker