当我选择“选项”字段一个值时,datePicker des d d dep dep deal属性标签



我有一个选项字段,当我在那里选择一个值时,我在Div-Tag上实现了动态文本。现在,我想做同样的wie datepicker输入字段,但是属性仅在第一次选择时更改,当我选择其他值时,它不会更改datepicker的属性。

第一次尝试此问题,在在线研究之后,我没有在2小时内找到解决方案。尽管我是JQUERY的新手,所以我想这是一些艰巨的问题。

我在网站上包含的库

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<script src="JQuery/ui.js"></script>  in ui.js I programm the JQuery functions

网站

<select id="optionfield" name="xxx">
  <option value="val1" .....
               </option>
<input type="text" id="datep" size="8">

ui.js

$(document).ready(function () {
$('#optionfield').change(function () {
    var selectval = $('#optionfield option:selected');
    switch(selectval.val()){
        case "val1": $('#divdynamicoutput').html('some text1'); 
            break;
        case "val2": $('#divdynamicoutput').html('some text2');
            break;
        case "val3": $('#divdynamicoutput').html('some text3');
            $(function() {
                       $("#datep").datepicker({
                          dateFormat: 'dd-mm-yy',
                          minDate: 0,
                          beforeShowDay: function(date){ 
                             var day = date.getDay(); 
                             return [day == 1 || day == 2 || day == 3 || day == 4 || day == 5 , ""];}
                          });
                       });
            break;
        case "val4": $('#divdynamicoutput').html('some text 4');
            $(function() {
                       $("#datep").datepicker({
                          dateFormat: 'dd-mm-yy',
                          minDate: 0,
                          beforeShowDay: function(date){ 
                             var day = date.getDay(); 
                             return [day == 1 || day == 3 ,""];
                          }
                        });
            });
            break;
        default: $('#divdynamicoutput').html('text default');
    }  
 } 
});

在Val3和Val4上,我尝试将" datePicker-> datep"更改为" buforeshowday-tag"。Val3仅制作Mo-FR可用和Val4 mo和Wed。当我第一次从选项中选择一个值时,datepicker是正确的,当我在选择上再次切换选项时,datepicker不再刷新。

我从开关中分开了selector datep:

$(function() {
    $("#datep").datepicker({
        dateFormat: 'dd-mm-yy',
        minDate: 0,             
    });
});

在交换机中,我只使用此参数调用Konstructor,而代码

$("#datep").datepicker("option", "beforeShowDay", function(date){  var day =
date.getDay();
return [day == 1 || day == 2 || day == 3 || day == 4 || day == 5,""];
});

现在,他改变了选择领域的每一个变化后的日期。

首先,该解决方案是重塑((或重新涂抹((的东西,实际上是重新活化的。我是新来的,我不知道基本知识,有人可以推荐jQuery的入门演讲?

相关内容

  • 没有找到相关文章

最新更新