在php中基于特定的dayname显示单选按钮

n8ghc7c1  于 2021-06-25  发布在  Mysql
关注(0)|答案(1)|浏览(197)

我试图显示单选按钮的基础上,特定的日期选择在文本框。我创建了一个表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">
bogh5gae

bogh5gae1#

使用 dropdown 我为选项创建代码段

$(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'] //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 src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<input type="text" id="datepicker">

<select id='slDay'>

</select>

相关问题