如何使用jquery ui設置當前日期datepicker

我正在編輯一個配置文件表單，並且我正在使用jquery iu datepicker來選擇DOB，現在當用戶編輯其數據時，他/她已經在配置文件字段中顯示了一些日期現在如果用戶想改變日期選擇器彈出的日期，我怎麼能要在日期選擇器中選擇從文件字段日期，如何使用jquery ui設置當前日期datepicker

或只是我怎麼能做出日期選擇器顯示特定的日期在這裏打開時我目前的腳本：

$('#member_dob').datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      defaultDate: , 
      yearRange: '1970:1992', 
      dateFormat: 'yy-mm-dd', 
      monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'], 
      dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub'] 
     });

因此，舉例來說，如果我的出生日期是1987年5月20日，我該如何設置日期選擇器打開時顯示日期，或只是月月有今年

來源

2010-02-13 ant

您可以指定一個日期對象默認日期設置，日期選擇控件，例如作爲默認日期1980年2月2日：

var d = new Date(1980, 2, 2); 
$('#member_dob').datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      defaultDate: d, 
      yearRange: '1970:1992', 
      dateFormat: 'yy-mm-dd', 
      monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'], 
      dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub'] 
     });

這應該做你需要什麼，

希望它幫助，思南。

來源

2010-02-13 20:35:29 Sinan

你可以把默認日期爲input領域：打開時

<input name="date" id="member_dob" value="87-05-20" />

的DatePicker會自動選擇該日期。確保該值與您正在使用的dateFormat匹配。

來源

2010-02-13 20:31:06

林不知道我是否正確地嘗試在這裏完成。首先，您需要將當前的DOB從服務器端傳遞到Javascript。

您可以通過兩種方式來實現。一個是建立一個JSONObject，例如：

var jsonDate = {date : '1987-05-20'};

，然後在日期選擇器：

$('#member_dob').datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      defaultDate: jsonDate.date, 
      yearRange: '1970:1992', 
      dateFormat: 'yy-mm-dd', 
      monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'], 
      dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub'] 
});

二是設置輸入一個值，你觸發你日期選擇上：

$('#member_dob').datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      yearRange: '1970:1992', 
      dateFormat: 'yy-mm-dd', 
      monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'], 
      dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub'] 
    }); 

<input type="text" id="member_dob" value="1987-05-20">

來源

2010-02-13 20:35:33

如果你想改變現有的日期選擇器值，你可以這樣做：

$('#txtDate').datepicker().datepicker('setDate', 'today');

來源

2013-09-19 15:20:55 VinnyG

如果日期選取器已經存在，那麼'$（ '＃txtDate'）日期選擇器（ '的setDate'， '今天'）;'就足夠了。 – 2015-11-06 17:43:20

這個工作對我來說：

$(function() { 
     $("#datepicker").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      firstDay: 1, 
      showAnim: 'slideDown', 
      dateFormat: 'yy-mm-dd', 
     }); 
     $("#datepicker").datepicker("setDate", new Date()); 
    });

來源

2014-01-06 14:58:27 Oskar

如何使用jquery ui設置當前日期datepicker

回答

相關問題