我试图显示单选按钮的基础上,特定的日期选择在文本框。我创建了一个表days来存储dayname和description。当您从datepicker中选择日期时,它会提取一个dayname,并根据dayname提取dayname的值。例如,如果选择的日期是2018年5月13日,它将显示日为sun,在sun上显示的事件将以单选按钮或选择选项动态显示。这是密码。
$(function() {
var date = new Date();
var dayNo = date.getDay();
var mindate = (7 - dayNo);
var d = ['sun', 'mon', 'tue', 'wed', 'th', 'fr', 'sat'];
var event = ['test1', 'Test2']
var event1 = ['test2', 'Test2']
//Lest assume this is event from database
$("#datepicker").datepicker({
dateFormat: 'yy-mm-dd',
firstDay: 1,
minDate: mindate,
onSelect: function(dateText, inst) {
var today = new Date(dateText);
var a = (d[today.getDay()]);
$('#slDay').val(d[today.getDay()])
var html = '';
$('#slDay').html('');
if ((d[today.getDay()] =='sun'){
$.each(event, function(index, value) {
html += '<option value="' + value + '">' + value + '</option>'
});
}); $('#slday').append(html);
});
});
});
</script>
<input type="text" id="datepicker">
<input type="text" id="datepicker1" name="datepicker1">
1条答案
按热度按时间bogh5gae1#
使用
dropdown
我为选项创建代码段