18910140161

HTML-在一个输入中显示两个正文日历-堆栈溢出

顺晟科技

2022-10-18 14:15:46

88

有没有一种方法可以像下图中的示例一样创建日历输入?

我已经使用了<input type="date">但它只显示一个日历的内容,如果需要两个,则必须有两个<input type="date">,但这里我想要一个< input>可以显示两个日历主体,并且可以在日历主体上选择日期,有办法吗?

<代码><;表单操作=";/检查_日历.PHP";>;<;标签>;日历:<;/标签>;<;输入类型=";日期";名称=";日历";>;<;输入类型=";提交";值=";发送";>;<;/窗体>;

例如:

example


顺晟科技:

使用日期范围选择器。你会很容易地实现它。

你可以试试这个:

<代码><;!文档类型HTML>;<;HTML(>;)<;头部>;<;元字符集=“ UTF-8 ”>;<;标题>;<;/标题>;<;script type=“ text/JavaScript ” SRC=“ https://cdn.jsdelivr.net/jquery/latest/jquery.min.js ”>;<;/script>;<;script type=“ text/JavaScript ” SRC=“ https://cdn.jsdelivr.net/momentjs/latest/moment.min.js ”>;<;/script>;<;script type=“ text/JavaScript ” SRC=“ https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js ”>;<;/script>;<;link rel=“ stylesheet ” type=“ text/CSS ” href=“ https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css ”/>;<;/标题>;<;身体>;<;input type=“ text ” name=“ daterange ” value=“ 2021年1月1日-2021年1月15日”/>;<;/正文>;<;脚本>;$(函数(){$(' input[name=“ daterange ”]').daterangepicker({sSingleDatePicker:' true ',showShortcuts:' false ',showTopBar:' false '});});<;/脚本>;<;/HTML>;

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