0

我有 2 个输入字段。一个用于日期选择器范围，另一个仅用于日期选择器月份。如果用户选择日期范围，我希望月份输入字段（也是月份日期选择器）被禁用......我尝试了很多事情并尝试搜索但没有运气......也许有人可以让我朝着正确的方向前进......

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

谢谢

jquery 日期选择器：

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;     
        }
    });
4

2 回答 2

2

根据评论中的讨论，这是您要求的

$('#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/

于 2013-09-03T22:43:56.690 回答
1

这段代码应该可以帮助你！

var data_01 = document.getElementById("daterange");
data_01.onchange = function () {
   if (this.value != "") {
      document.getElementById("monthselect").disabled = true;
   }
}
于 2013-09-03T22:46:46.307 回答