自定義日期格式的日期選擇器引導程序

Question

誰能引導我在Bootstrap-datePicker中格式化日期？

這是我在html的代碼：

<input type="text" placeholder="Check in" id="checkin" name="checkin">
<input type="text" placeholder="Check out" id="checkout" name="checkout">

在我的JavaScript文件中：

<script type="text/javascript">
    $(document).ready(function () {
        $('#checkin').datepicker().on('changeDate', function(e){
            (e.viewMode=='days') ? $(this).datepicker('hide') : '';
        });
        $('#checkout').datepicker().on('changeDate', function(e){
            (e.viewMode=='days') ? $(this).datepicker('hide') : '';
        });

    });
</script>

我必須使用該版本，因為我希望在選擇日期后將其隱藏。 其他版本不起作用。 所以，我應該把格式放在哪里：dd.mm.yyy？

謝謝！

Answer 1

這在文檔中有所說明

 $('.datepicker').datepicker({
    format: 'dd/mm/yyyy'
 });

您可以使用d, dd, m, mm, yy, yyy的組合來格式化字符串mm/dd/yyyy 。

Answer 2

您可以使用這種代碼隱藏日期選擇器
相應地檢查條件並使用。 我在這里添加了一些條件。

---

$('#documentDate').datepicker({
        format: 'dd-mm-yy',
        startDate: '+d'
    }).on('changeDate', function (ev) {
        var today =new Date();
        if(ev.date.getDate() == today.getDate() && ev.date.getMonth()== today.getMonth() && ev.date.getYear()== today.getYear()){
            $('#documentDate').val('');
        }else if(ev.date.valueOf() < today.valueOf()){
            $('#documentDate').val('');
        }else{
           $(this).blur();
           $(this).datepicker('hide');
        }
        $(this).datepicker('hide');
    });
    $("#documentDate").datepicker("setDate", new Date());

    $(document).keyup(function(e) {
          if (e.keyCode == 27) { 
              $('#documentDate').datepicker('hide');
          }   
    });

Answer 3

檢查一下，這可能對您也有幫助http://eonasdan.github.io/bootstrap-datetimepicker/