Question

我有例子

在jqueryui datepicker

中

第三个演示示例

其中只有月份和日期。

我想在bootstrap datepicker上使用它。

<http://www.eyecon.ro/bootstrap-datepicker/>?

Answer 1

我为此做的唯一解决方法是从datepicker show之前的日期标题中删除年份。下面是我用来初始化datepicker的代码：

$(".datepicker").datepicker({
    format : 'MM dd',
}).on('show', function() {
    // remove the year from the date title before the datepicker show
    var dateText  = $(".datepicker-days .datepicker-switch").text();
    var dateTitle = dateText.substr(0, dateText.length - 5);
    $(".datepicker-days .datepicker-switch").text(dateTitle);
});

Answer 2

这对我有用。使用jQuery split函数。

$(".datepicker").datepicker({
    format : 'MM dd',
}).on('show', function() {
    // remove the year from the date title before the datepicker show
        var dateText  = $(".datepicker-days .datepicker-switch").text().split(" ");
        var dateTitle = dateText[0];
        $(".datepicker-days .datepicker-switch").text(dateTitle);
        $(".datepicker-months .datepicker-switch").css({"visibility":"hidden"});
});

Answer 3

bootstrap datepicker模块是第三方工具，您需要从代码中下载，安装和引用。

从http://www.eyecon.ro/bootstrap-datepicker/下载javascript库。

您需要做的就是添加以下代码行，然后就可以了。

$('.datepicker').datepicker({
    format: "mm/dd"
})`

Answer 4

在Jquery datepicker中，您可以执行以下操作：

$(".daypicker").datepicker( { 
    changeYear: false, 
    dateFormat: 'MM-dd',
}).focus(function () {
    $(".ui-datepicker-year").hide();
});

它不会影响同一页面中的其他日期选择器。

Answer 5

使用此：

format: "dd/mm",
weekStart: 1,
startView: 1,
maxViewMode: 1,
autoclose: true

Answer 6

试试这个让我知道

    $(".datepicker").datepicker({
        format : 'mm-dd',
    }).on('show', function() {

        var dateText  = $(".datepicker-days .datepicker-switch").text();
        var dateTitle = dateText.substr(0, dateText.length - 5);
        $(".datepicker-days .datepicker-switch").text(dateTitle);

        var months= ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

        if(dateTitle=='' && $("#notify_month").val()!=""){
           var month_val =  parseInt($("#notify_month").val());
           dateTitle = months[month_val-1];
           $(".datepicker-days .datepicker-switch").text(dateTitle);
        }

        $(".datepicker-months .datepicker-switch").css({"visibility":"hidden"});
    });

jquery bootstrap datepicker只有一个月和一天

6 个答案: