Question

我试图解决这个问题，但它只是不起作用。它的输出如下：2016年8月15日，但我想这样：15.08.2016。我也试过“dateFormat”，但它也没有用。

var nowTemp = new Date();
nowTemp.setDate(nowTemp.getDate()+1);

var fromEndDate = new Date();

$(function() {

    $('#dpd1').datepicker({
        startDate: nowTemp,
        dateFormat: "dd.mm.yy"
    });

    $('#dpd2').datepicker({
        endDate: fromEndDate,
        autoclose: true,
        dateFormat: "dd.mm.yy"
    });

});


var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

var checkin = $('#dpd1').datepicker({
    onRender: function(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();
    $('#dpd2')[0].focus();
}).data('datepicker');

var checkout = $('#dpd2').datepicker({
    onRender: function(date) {
        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
    }

}).on('changeDate', function(ev) {
    checkout.hide();
}).data('datepicker');

以下代码用于禁用过去的日期，以及在dpd2中仅选择未来日期的选项。

Answer 1

改变＆＃34; ＆＃34;到＆＃39; ＆＃39;

$(function() {

    $('#dpd1').datepicker({
        startDate: nowTemp,
        dateFormat: 'dd.mm.yy',
    });

    $('#dpd2').datepicker({
        endDate: fromEndDate,
        autoclose: true,
        dateFormat: 'dd.mm.yy'
    });

});

在没有其余脚本的情况下进行测试，以确保问题出在此函数中。

代码工作正常，可能错误在另一个地方 https://jsfiddle.net/iandrabedin/09sh7b86/

Answer 2

这就是你想要的吗

＆＃13;

$('#txtDob').datepicker({
  format: 'dd.mm.yyyy',
  autoclose: true
});

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.de.min.js"></script>

<form action="#" method="post">
  <label for="txtDob"></label>
  <input type="text" id="txtDob" />
</form>

＆＃13;

datepicker格式不起作用

2 个答案: