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

这在docs

中有说明

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

您可以使用mm/dd/yyyy。

的组合格式化字符串d, dd, m, mm, yy, yyy

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/

datepicker Bootstrap的自定义日期格式

3 个答案: