bootstrap 日期时间选择器禁用其他字段
bootstrap datetimepicker disabling other fields
我想知道 Bootstrap DateTimePicker 用来存储日期的是什么?我想知道如何使用它 object/text/whatever 它可能是禁用我网页上的其他文本框字段。
我有一个页面设置用于针对多个 GridView 进行查询,因此我不希望用户在多个字段中输入信息,否则将返回多个 GridView。我已经使用下面的 javascript (jquery):
禁用了其他文本框字段,包括 DateTimePicker 文本框字段
$("#tasknameText").keyup(function (e) {
if ($(this).val() != '') {
$("#textDate").attr('disabled', 'disabled');
$("#beginDate").attr('disabled', 'disabled'); //DateTimePicker Field
$("#endDate").attr('disabled', 'disabled'); //DateTimePicker Field2
$("#beginDate2").attr('disabled', 'disabled'); //DateTimePicker Field3
$("#endDate2").attr('disabled', 'disabled'); //DateTimePicker Field4
} else {
$("#tasknameText").removeAttr('disabled');
$("#textDate").removeAttr('disabled');
$("#beginDate").removeAttr('disabled');
$("#endDate").removeAttr('disabled');
$("#beginDate2").removeAttr('disabled');
$("#endDate2").removeAttr('disabled');
}
});
以上代码表示四个 DateTimePicker 字段,或两对 Start Date 和 End Date 字段。当我在常规文本框上使用 keyup 时,它可以禁用页面上的所有其他文本框。但是,只有当用户在 DateTimePicker 字段中手动输入日期时,keyup 才有效——我需要它在用户单击 glyphicon 图标时有效,并且日期也会自动填充。
找到了让它工作的方法 - 我没有使用 keyup,而是调用了同一行中的所有事件,这似乎禁用了其他文本字段。还是想知道具体改在哪一个...
$("#beginDate").bind("blur focus focusin focusout load resize scroll unload click" + " dblclick mousedown mouseup mousemove mouseover mouseout mouseenter " + "mouseleave change select submit keydown keypress keyup error", function (e) {
我想知道 Bootstrap DateTimePicker 用来存储日期的是什么?我想知道如何使用它 object/text/whatever 它可能是禁用我网页上的其他文本框字段。
我有一个页面设置用于针对多个 GridView 进行查询,因此我不希望用户在多个字段中输入信息,否则将返回多个 GridView。我已经使用下面的 javascript (jquery):
禁用了其他文本框字段,包括 DateTimePicker 文本框字段$("#tasknameText").keyup(function (e) {
if ($(this).val() != '') {
$("#textDate").attr('disabled', 'disabled');
$("#beginDate").attr('disabled', 'disabled'); //DateTimePicker Field
$("#endDate").attr('disabled', 'disabled'); //DateTimePicker Field2
$("#beginDate2").attr('disabled', 'disabled'); //DateTimePicker Field3
$("#endDate2").attr('disabled', 'disabled'); //DateTimePicker Field4
} else {
$("#tasknameText").removeAttr('disabled');
$("#textDate").removeAttr('disabled');
$("#beginDate").removeAttr('disabled');
$("#endDate").removeAttr('disabled');
$("#beginDate2").removeAttr('disabled');
$("#endDate2").removeAttr('disabled');
}
});
以上代码表示四个 DateTimePicker 字段,或两对 Start Date 和 End Date 字段。当我在常规文本框上使用 keyup 时,它可以禁用页面上的所有其他文本框。但是,只有当用户在 DateTimePicker 字段中手动输入日期时,keyup 才有效——我需要它在用户单击 glyphicon 图标时有效,并且日期也会自动填充。
找到了让它工作的方法 - 我没有使用 keyup,而是调用了同一行中的所有事件,这似乎禁用了其他文本字段。还是想知道具体改在哪一个...
$("#beginDate").bind("blur focus focusin focusout load resize scroll unload click" + " dblclick mousedown mouseup mousemove mouseover mouseout mouseenter " + "mouseleave change select submit keydown keypress keyup error", function (e) {