Question

我有这个问题。我在同一项目中有一组html页面，每个html页面都有一些日期输入字段，如以下示例所示：

<div class="dateClass">
<input type="text" name="dddate_signature" value=""> /
<input type="text" name="mmdate_signature" value=""> /
<input type="text" name="yydate_signature" value=""> /
</div>

其他页面的格式如下：

<div class="dateClass">
<input type="text" name="dddate_start" value="<%=dd%>"> /
<input type="text" name="mmdate_start" value="<%=mm%>"> /
<input type="text" name="yydate_start" value="<%=yy%>"> /
</div>

其中dd，mm和yy是之前设置的3个变量

和其他页面具有以下内容：

<div class="dateClass">
<input type="text" id = "dd" name="dddate_jobs" value="<%=dd%>"> /
<input type="text" id ="mm" name="mmdate_jobs" value="<%=mm%>"> /
<input type="text" id ="yy" name="yydate_jobs" value="<%=yy%>"> /
</div>

因此它们的格式不同，但是有所不同（某些日期的输入文本中包含id，而其他日期则没有）。它们具有div类。

我想做的是创建一个创建数据小部件的js函数。特别是每次我单击文本输入时，它都会向我显示数据小部件。

我在“ https://jqueryui.com/datepicker/”上找到了使用jquery的以下示例：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>


</body>
</html>

但是，即使我在html页面中更改了id（如示例中的“ datapicker”），此功能仍然有效，但是我无法执行此操作，因为我必须创建此函数并将其放在一个通用的头文件中所有的html页面都有。我还希望，如果我在“日期”字段中更改月份的值，那么也将在“月份”字段中更改月份的值，并且与输入字段相同。

我不太擅长js或jquery，所以我真的不知道该怎么做。

提前感谢您的回复。（对不起，我的英语:(）

使用JavaScript或jquery创建日期小部件

0 个答案: