如何显示将其显示在图像位置的日期选择器?我正在使用图像触发日期选择器。
有趣的。该API提到datepicker仅适用于输入,div和span,但是我看到了一些带有textarea的示例。
我使用了经典的输入元素,并使用此FIDDLE将其格式化为接受背景图像。
我认为这将为您提供一个开始。
的CSS
#dp {
height: 50px;
width: 600px;
background: url(http://blog.ebyline.com/wp-content/uploads/2013/06/copywriting-long-vs-short1.jpg);
background-size: cover;
border: 1px solid black;
position: relative;
}
JS
$("#dp").datepicker({
buttonImageOnly: 'false',
showOn: 'both',
beforeShow: function (textbox, instance) {
instance.dpDiv.css({
marginTop: 2,
marginLeft: 1
});
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句