【问题标题】:datepicker does not display months but daysdatepicker 不显示月份而是显示日期
【发布时间】:2020-02-18 10:08:57
【问题描述】:

您好,我的日期选择器有问题。我看到的是日子,而不仅仅是月份,而不是这样:

我明白了:

这是我的代码:

 <input type="text" id="datepicker" />

这里是js:

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    viewMode: "months", 
    minViewMode: "months"
});

你能帮帮我吗?

非常感谢!

【问题讨论】:

  • 不,因为我的意思是我想要以下格式:"mm-yyyy" 而不是 "dd-mm-yyyy," 但是当我设置格式 "mm-yyyy" 时,就像我设置格式 "dd-mm-yyyy"
  • 重命名 datepicker id 我认为 datepicker 已经由这个 id 实现了。写 #datepicker-month 而不是 #datepicker
  • 它没有任何改变:/

标签: javascript jquery html


【解决方案1】:

试试这个。

$(document).ready(function(){

    $("#datepicker-month").datepicker( {
        format: "mm-yyyy",
        viewMode: "months", 
        minViewMode: "months"
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>


<input type="text" id="datepicker-month" />

【讨论】:

  • 它没有任何改变:/
  • 请尝试使用上面的 bootstrap-datepicker 库或者你可以下载它github.com/uxsolutions/bootstrap-datepicker
  • @Peter “我试过但没有任何效果” 即使在提供的工作 sn-p 让您的评论很奇怪之后。
【解决方案2】:

希望对您有所帮助:

$('#you-date-picker-element').datepicker({
    autoclose: true,
    minViewMode: 1,
    orientation: 'left',
    container: '.your-date-picker-container',
    format: 'M-yyyy'
}).on('changeDate', function(selected){
    startDate = new Date(selected.date.valueOf());
    startDate.setDate(startDate.getDate(new Date(selected.date.valueOf())));
    $('#your-field-name').datepicker('setStartDate', startDate);
}); 

【讨论】:

猜你喜欢
  • 2022-07-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多