date picker format jquery

Question

I try datepicker link link datepicker .. datepicker and i try this code

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

when i try this code

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

UPDATE

now the problem is i also use table for data and for this i use this please check link data table and i add these links for date picker and 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>

In table link there is also css file

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

so when i remove css file datepicker work fine but when i add this css file then date picker look like this

You are adding both jquery. min.js and jquery.js actually both are same http://stackoverflow.com/questions/3475024/whats-the-difference-between-jquery-js-and-jquery-min-js — Ranjan, Jul 22 '16 at 07:13
use either google api or jquery api remember dont use both the api at a time it will affect the performance also misbehave the functionality. — Ranjan, Jul 22 '16 at 07:26

score 1 · Accepted Answer · answered Jul 22 '16 at 06:43

1

It is working fine.

Check the following js fiddle

https://jsfiddle.net/hLx9808w/

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

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

It may be caused due to any jquery ui css override.

The issue with table structure css.

answered Jul 22 '16 at 06:43

Shailesh Daund

170
1
11

i have these links .. – SUPER_USER Jul 22 '16 at 06:45
<%--datepicker--%> – SUPER_USER Jul 22 '16 at 06:45
<%--for grid--%> – SUPER_USER Jul 22 '16 at 06:45
Can you add your header links section with formatting – Shailesh Daund Jul 22 '16 at 06:49
Your above two comment not having the full links and also not readable. So post your complete head section code in your questions description. – Shailesh Daund Jul 22 '16 at 06:55
Can you post css from this file "Styles/gridviewScroll.css", some css properties from this style sheet causing the issue – Shailesh Daund Jul 22 '16 at 07:14
If possible post that in the css section of https://jsfiddle.net/hLx9808w/ this js fiddle – Shailesh Daund Jul 22 '16 at 07:16
It is still working fine. Add complete css from that style sheet. – Shailesh Daund Jul 22 '16 at 07:22
this is complete css – SUPER_USER Jul 22 '16 at 07:23
Then put the html code with wrapper class 'GridviewScrollHeader' contains the date picker input – Shailesh Daund Jul 22 '16 at 07:25
Your css is causing the issue, but without complete html I am also unable to help you. Because it is working fine in jsfiddle. – Shailesh Daund Jul 22 '16 at 07:28
when i try your css this does not work .. i try to apply that css in jquery like this .. $("#tabledata tr:first").addClass('GridviewScrollHeader'); $("#tabledata tr").addClass('GridviewScrollItem'); – SUPER_USER Jul 22 '16 at 07:50

date picker format jquery

1 Answers1