我有一个选项字段,当我在那里选择一个值时,我在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的入门演讲?