Javascript 如何使Datebox Jquery移动输入字段可单击?

Javascript 如何使Datebox Jquery移动输入字段可单击?,javascript,jquery,css,jquery-mobile,datebox,Javascript,Jquery,Css,Jquery Mobile,Datebox,我有两个日期字段。字段2工作正常。单击输入类型date for second字段上的任意位置可打开日历。但是,对于第一个日期字段,情况并非如此。当我单击日期字段的日历图标时,它会打开日历,但我希望当我单击字段1的日期字段上的任意位置时,日历也会弹出。 为什么它适用于第二个字段而不适用于第一个字段 此外,默认日期未设置为今天的日期 HTML 我无法解释为什么这两个框的行为不同,但是如果您明确地将useFocus选项指定给这两个框,它们都会工作: <input name="date1" id

我有两个日期字段。字段2工作正常。单击输入类型date for second字段上的任意位置可打开日历。但是,对于第一个日期字段,情况并非如此。当我单击日期字段的日历图标时,它会打开日历,但我希望当我单击字段1的日期字段上的任意位置时,日历也会弹出。 为什么它适用于第二个字段而不适用于第一个字段

此外,默认日期未设置为今天的日期

HTML


我无法解释为什么这两个框的行为不同,但是如果您明确地将useFocus选项指定给这两个框,它们都会工作:

<input name="date1" id="date1" type="date" data-role="datebox" 
    data-options='{"mode": "calbox","dateFieldOrder":["d","m","y"], 
                   "useNewStyle":true, "overrideDateFormat": "%d/%m/%Y",
                   "afterToday":true, "centerHoriz": true, "useFocus": true}' />

我无法解释为什么这两个框的行为不同,但是如果您明确地将useFocus选项指定给这两个框,它们都会工作:

<input name="date1" id="date1" type="date" data-role="datebox" 
    data-options='{"mode": "calbox","dateFieldOrder":["d","m","y"], 
                   "useNewStyle":true, "overrideDateFormat": "%d/%m/%Y",
                   "afterToday":true, "centerHoriz": true, "useFocus": true}' />

我无法解释为什么这两个框的行为不同,但是如果您明确地将useFocus选项指定给这两个框,它们都会工作:

<input name="date1" id="date1" type="date" data-role="datebox" 
    data-options='{"mode": "calbox","dateFieldOrder":["d","m","y"], 
                   "useNewStyle":true, "overrideDateFormat": "%d/%m/%Y",
                   "afterToday":true, "centerHoriz": true, "useFocus": true}' />

我无法解释为什么这两个框的行为不同,但是如果您明确地将useFocus选项指定给这两个框,它们都会工作:

<input name="date1" id="date1" type="date" data-role="datebox" 
    data-options='{"mode": "calbox","dateFieldOrder":["d","m","y"], 
                   "useNewStyle":true, "overrideDateFormat": "%d/%m/%Y",
                   "afterToday":true, "centerHoriz": true, "useFocus": true}' />

非常感谢…这对我帮助很大:)还有一个问题:即使我在日历中选择了一个特定的日期,今天的日期也总是突出显示。我必须把它移走。默认日期默认应用了css类“ui-btn-b”。如何确保一次只在其中一个日期应用该类?@user1502901,添加选项:“ThemeateToday”:false。这里是一个更新的演示:非常感谢……这对我帮助很大:)还有一个问题:即使我在日历中选择了一个特定的日期,今天的日期也总是突出显示。我必须把它移走。默认日期默认应用了css类“ui-btn-b”。如何确保一次只在其中一个日期应用该类?@user1502901,添加选项:“ThemeateToday”:false。这里是一个更新的演示:非常感谢……这对我帮助很大:)还有一个问题:即使我在日历中选择了一个特定的日期,今天的日期也总是突出显示。我必须把它移走。默认日期默认应用了css类“ui-btn-b”。如何确保一次只在其中一个日期应用该类?@user1502901,添加选项:“ThemeateToday”:false。这里是一个更新的演示:非常感谢……这对我帮助很大:)还有一个问题:即使我在日历中选择了一个特定的日期,今天的日期也总是突出显示。我必须把它移走。默认日期默认应用了css类“ui-btn-b”。如何确保一次只在其中一个日期应用该类?@user1502901,添加选项:“ThemeateToday”:false。以下是更新的演示: