日期选择器格式jquery

Question

我尝试使用datepicker链接link datepicker .. datepicker，我尝试使用此代码

<input  ID="fromdate" value="dd/mm/yyyy" runat="server" clientidmode="static" />

当我尝试这段代码时

<script type="text/javascript">
    $(function () {
        $("#fromdate").datepicker();
        $("#todate").datepicker();
    });
  </script>

更新

现在问题是我也使用表格数据，为此我使用此请检查链接 data table 我为日期选择器和表添加了这些链接

<%--
for date--%>
<link rel="stylesheet"    href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"/>
 <script type="text/javascript"   src="https://code.jquery.com/jquery-1.12.4.js"></script>
 <script type="text/javascript"  src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

<%--for grid--%>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script src="Scripts/gridviewScroll.min.js" type="text/javascript"></script>

在表格链接中还有css文件

<link href="Styles/gridviewScroll.css" rel="stylesheet" type="text/css" />

所以，当我删除css文件datepicker工作正常，但当我添加此css文件，然后日期选择器看起来像这样

Answer 1

工作正常。

检查以下js小提琴

https://jsfiddle.net/hLx9808w/

<input  ID="fromdate" value="dd/mm/yyyy" runat="server" clientidmode="static" />

$(function () {
    $("#fromdate").datepicker();
    $("#todate").datepicker();
});  

这可能是由于任何jquery ui css覆盖造成的。

表结构问题css。