在jquery中使用日期選擇器，今天顯示

Question

我希望datepicker選擇currentdate/today並顯示它而不是'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()); 
    }); 
}); 

FIDDLE

Answer 2

使用的minDate和的maxDate選項隱藏previouse日期see this

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

格式選項set using this option

Answer 3

到當天之前禁用日期：

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

閱讀文檔：http://api.jqueryui.com/datepicker/#option-minDate