2

我正在制作一个编辑配置文件表单，并且我正在使用 jquery iu datepicker 来选择 DOB，现在当用户编辑其数据时，他/她在配置文件字段中已经有了一些日期，现在如果用户想更改日期选择器的日期弹出，如何在日期选择器上选择配置文件字段中的日期，

或者只是我如何让 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', 'Čet', 'Pet', 'Sub']
        });

因此，例如，如果我的出生日期是 20.05.1987 ，我如何设置 datepicker 以在打开时显示该日期，或者仅显示月份和年份

4

5 回答 5

6

您可以将日期对象分配给 datepicker 小部件的默认日期设置，例如默认日期 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', 'Čet', 'Pet', 'Sub']
        });

这应该做你需要的，

希望对你有帮助，思南。

于 2010-02-13T20:35:29.463 回答
3

您可以将默认日期放入该input字段：

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

DatePicker 将在打开时自动选择该日期。确保该值与dateFormat您正在使用的值匹配。

于 2010-02-13T20:31:06.980 回答
3

如果要更改现有的 datepicker 值，可以这样做：

$('#txtDate').datepicker().datepicker('setDate', 'today');
于 2013-09-19T15:20:55.843 回答
1

我不确定我是否正确地尝试在这里完成什么。首先，您需要将当前 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']
});

第二个是为触发 datePicker 的 Input 设置一个值：

$('#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-13T20:35:33.087 回答
1

这对我有用：

$(function() {
      $( "#datepicker" ).datepicker({
          changeMonth: true,
          changeYear: true,
          firstDay: 1,
          showAnim: 'slideDown',
          dateFormat: 'yy-mm-dd',
        });
      $("#datepicker").datepicker("setDate", new Date());
     });
于 2014-01-06T14:58:27.450 回答