18910140161

HTML-如何自定义html5 datepicker-堆栈溢出

顺晟科技

2022-10-19 11:50:26

134

  1. 总结问题:我试图理解如何以特定的方式自定义html5 datepicker,特别是格式类似于[calendar icon]8/31,TUE,右边有一个插入符号,可以打开datepicker。经过一些初步搜索,我找到了这些用于自定义日期输入的文本框的伪元素。

     ::-webkit-datetime-edit-fields-wrapper
     ::-webkit-datetime-edit-text
     ::-webkit-datetime-edit-month-field
     ::-webkit-datetime-edit-day-field
     ::-webkit-datetime-edit-year-field
     ::-webkit-inner-spin-button
     ::-webkit-calendar-picker-indicator
    

预期的结果是,这些自定义选项几乎可以满足大多数自定义datepicker的情况,但到目前为止,我还无法应用这些选项来完全满足目标。例如,我正试图删除文本框中的第二个正斜杠(后),我不知道如何才能添加(周二,或周一,周五等)。没有错误消息。

  1. 描述您所尝试的内容:

使用I可以从文本框中隐藏年份,但是当我试图使用pseudo类(以第二个为目标)(使用HTML5 Date picker有任何样式选项吗?作为参考点)时,没有可见的更改。至于一周中的一天(周一、周二、周三、周四、周五、周六、周日)的缩短版本,我不知道如何实际处理(如果找到可行的方法,我会更新)。

  1. 显示一些代码:

对于可视化而言,以下是当前的外观:

理想情况下,它如下所示:


顺晟科技:

我看不到用普通选择器操作阴影dom元素的方法。您可能会用一些古怪的东西逃脱惩罚:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航