更改Bootstrap Datepicker日期范围中的日期格式

时间:2014-08-14 05:32:05

标签: javascript jquery twitter-bootstrap datepicker

Bootstrap Datepicker日期范围。现在我将DateFormat设为mm / dd / yyyy。但我需要将其改为dd / mm / yyyy。任何人都可以帮我这个。?

 $(document).ready(function () {
                var nowTemp = new Date();
                var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

                var checkin = $('#AvailableFrom').datepicker({
                    onRender: function (date) {
                        date = new Date();
                        return date.valueOf() < now.valueOf() ? 'disabled' : '';

                    }
                }).on('changeDate', function (ev) {
                    if (ev.date.valueOf() > checkout.date.valueOf()) {
                        var newDate = new Date(ev.date);
                        newDate.setDate(newDate.getDate() + 1);
                        checkout.setValue(newDate);
                    }
                    checkin.hide();
                    $('#AvailableTo')[0].focus();
                }).data('datepicker');
                var checkout = $('#AvailableTo').datepicker({
                    onRender: function (date) {
                        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
                    }
                }).on('changeDate', function (ev) {
                    checkout.hide();
                }).data('datepicker');
            });

1 个答案:

答案 0 :(得分:0)

您可以使用format option bootstrap datepicker。

var checkin = $('#AvailableFrom').datepicker({
    format: "dd/mm/yyyy",  // here you can update the date format
    onRender: function (date) {
        date = new Date();
        return date.valueOf() < now.valueOf() ? 'disabled' : '';
    }
});

JSFiddle有一个简单的例子