Monday, 15 February 2016

JQuery DateTimePicker Plugin with Asp.Net Textbox

JQuery DateTimePicker 

JQuery DateTimePicker Plugin Access Within Textbox Control Using JQuery in Asp.Net.

                              DEMO


                         Download

                 HTML CODING

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Using Jquery Datetimepicker & Timepicker in Textbox Asp.Net</title>
    <link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css" />
    <script type="text/javascript" src="./jquery.js"></script>
    <script type="text/javascript" src="./jquery.datetimepicker.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $('#txtDate').datetimepicker({

                format: 'd/m/Y H:i', 
                 
            });          
           
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div  align="center">
        <h3>
           Jquery Day&Month Format </h3>
        <asp:TextBox ID="txtDate" runat="server" />
      
    </div>
    </form>
</body>
</html>

 DEMO


  $('#txtDate').datetimepicker({ 
                
                datepicker:'true', 
            }); 

DEMO   
      

 $('#txtDate').datetimepicker({                 

                

                 format : 'D/M/Y', 
            }); 


   DEMO 


$('#txtDate').datetimepicker({                 

                

                 format : 'D/m/Y', 
            }); 



  DEMO    


$('#txtDate').datetimepicker({                 


                
                timepicker:false,

            });  


DEMO


                 $('#txtDate').datetimepicker({                 


                
                yearStart:2000,
             yearEnd: 2050,

            });                         
                

 DEMO

0 comments:

Post a Comment