javascript - 在 jquery 中使用日期选择器，显示今天

Question

我希望日期选择器选择当前日期/今天并显示它而不是'dd----yyyy'而且我希望从选择中禁用今天之前的日期，请帮助！

    $(document).ready(function () {
    $("#button_id").click(function () {
        $('<div/>', {
            id: "div_id"
        }).append($('<input>', {
            type: "date",
            name: "someDate",
            class: "date_id"
        })).appendTo("#static_div");
        $(".date_id").datepicker({
            //i want the datepicker to select the currentdate/today and display it instead of'dd----yyyy'and moreover i wanted the date before today to be disabled from selection
        });
    });
});

这是我的小提琴的链接：

http://jsfiddle.net/L4reds/73pEN/1/

Answer 1

$(document).ready(function () {
    $("#button_id").click(function () {
        var div = $('<div/>', {id: "div_id"}),
            inp = $('<input>', {type: "text",name: "someDate",id: "date_id"});

        div.append(inp).appendTo("#static_div");
        inp.datepicker({
            minDate: 0
        }).datepicker('setDate', new Date());
    });
});

小提琴

Answer 2

使用minDate和maxDate选项来隐藏以前的日期看这个

 $(function() {
    $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
 });

使用此选项设置格式选项

Answer 3

要禁用当前日期之前的日期：

 $("#date_id").datepicker({
     minDate: 0
 });

阅读文档：http ://api.jqueryui.com/datepicker/#option-minDate