自定义日期格式的日期选择器引导程序

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/