将日历jquery图像添加到日期选择器

  • Z时代
  • 2024-01-10
  • 分类：问答

我不确定如何将ui-icon ui-icon-calendar类添加为日期选择器图像旁边的文本字段。我想要这样的：http://jqueryui.com/demos/datepicker/#icon-trigger，但它应该有jQuery的日历图像。本将日历jquery图像添加到日期选择器

$('#field').datepicker({   
    buttonImage: '/images/calendar_icon.png' 
});

回答：

<script> 
     $(function() { 
      $("#datepicker").datepicker({ 
       showOn: "button", 
       buttonImage: "/wp-content/uploads/new2022/20220327voicc/73151539.gif", 
       buttonImageOnly: true 
      }); 
     }); 
</script>

回答：

如果您点击链接到下面的例子中观看源按钮，你会看到这样的事情是只读的。它应该是只读的，而不是用户必须从datepicker中选择的。

HTML： 

$("#datepickerID").datepicker({   
    showOn: "button", 
    buttonImage: "images/calendar.png", 
    buttonImageOnly: true, 
    buttonText: "Select date", 
    minDate : 0, 
    showButtonPanel: true, 
    closeText: 'Clear', 
    onClose: function() { 
     var event = arguments.callee.caller.caller.arguments[0]; 
     // If "Clear" gets clicked, then really clear it 
     if ($(event.delegateTarget).hasClass('ui-datepicker-close')) { 
      $(this).val(''); 
     } 
    } 
});

回答：

我们可以从虽然场场清除指定日期：

以上是 将日历jquery图像添加到日期选择器 的全部内容， 来源链接： utcz.com/qa/262777.html

回到顶部