Question

我有2个输入字段。一个是datepicker范围，另一个是datepicker月。如果用户选择日期范围，我希望月份输入字段（也是月份日期选择器）被禁用...我尝试了很多东西并尝试搜索但没有运气..也许有人可以把我转向正确的方向..

简单来说......如果有人选择第一个输入字段（#daterange），那么我希望第二个输入字段（#monthselect）被禁用，我希望在#monthselect上禁用datepicker

感谢

jquery datepicker：

new Picker.Date.Range($$('input[id="daterange"]'), {
        timePicker: false,
        columns: 2,
        format: '%Y/%m/%d',
        positionOffset: {x: 0, y: 0},
        onSelect: function(date){
        $('#monthselect').attr("disabled",true);
        }
    });

new Picker.Date($$('input[id="monthselect"]'), {
    positionOffset: {x: 0, y: 0},
    pickOnly: 'years',
    pickOnly: 'months',
    format: '%Y/%m',
    useFadeInOut: !Browser.ie
    });

我的输入字段：

<input type="text" name="daterange" id="daterange" style="width: 200px">

<input type="text" name="monthselect" id="monthselect">

这对我有用（感谢Andrew Donald Johnson）：

new Picker.Date.Range($$('#daterange'), {
        timePicker: false,
        columns: 2,
        format: '%Y/%m/%d',
        positionOffset: {x: 0, y: 0},
        onSelect: function(date){
        document.getElementById("monthselect").disabled = true;     
        }
    });

Answer 1

根据评论中的讨论，以下是您要求的内容

$('#daterange').datepicker({
        timePicker: false,
        columns: 2,
        format: '%Y/%m/%d',
        positionOffset: {x: 0, y: 0},
        onSelect: function(date){
        $('#monthselect').attr("disabled",true);
        }
    });

$('#monthselect').datepicker({
    positionOffset: {x: 0, y: 0},
    pickOnly: 'years',
    pickOnly: 'months',
    format: '%Y/%m',
    //useFadeInOut: !Browser.ie
    });

http://jsfiddle.net/pdhb9/1/

Answer 2

此代码可以为您提供帮助！

var data_01 = document.getElementById("daterange");
data_01.onchange = function () {
   if (this.value != "") {
      document.getElementById("monthselect").disabled = true;
   }
}

jquery datepicker范围禁用字段

2 个答案: