Question

我正在使用一个运作良好的日期选择器。但我需要一种指示格式，如＆＃34; dd-mm-yyyy＆＃34;以便向用户提供有关日期格式的信息。我发帖是为了更好地理解。

在上面你可以看到有一种格式表示像＆＃34; DD / MM / YY＆＃34;。如何在文本框中获取该打印格式。我发布了我做的代码

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script type="text/javascript">
  $(function () {
        $( "#startDate" ).datepicker({
              changeMonth: true,
              changeYear: true,
              dateFormat: 'yy-mm-dd'
            });
        });
  </script>
 <style type="text/css">
        .search_textbx
{
 background-image:url('/SalesPropeller/calendar.jpg');
    background-repeat:no-repeat;
   background-position:right;  

}

        </style>

并在<body>标记

中

 <input type="text" id="startDate" name="startDate" class="search_textbx" size="15" readonly="readonly"/>

编译完上面后我得到的就像这样

文本框中没有日期格式指示。那么如何得到这个指示？任何帮助将不胜感激。

Answer 1

要完成此操作，您需要一个占位符属性：

 <input type="text" id="startDate" name="startDate" class="search_textbx" size="15" readonly="readonly" placeholder="dd-mm-yyyy"/>

占位符属性告诉浏览器在输入中放置一些示例文本（无论占位符值是什么）作为对用户的建议。

Answer 2

以下是您的代码的具体内容：

var date = $（'＃datepicker'）。datepicker（{dateFormat：'dd-mm-yy'}）。val（）;

格式指示如何＆＃34; dd-mm-yyyy＆＃34;将出现在文本框中

2 个答案: