Date Picker Using Bootstrap and ASP.net
<head>
<title>Date Picker Using Bootstrap and ASP.net</title>
<link href="../bootstrap-3.3.7-dist/bootstrap-datepicker/css/bootstrap-datepicker.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form ID="Form1" runat="server">
<div class="col-md-4 col-xs-6 col-xs-offset-3 col-md-offset-0">
<div class="form-group">
<div class="has-feedback">
<asp:TextBox ID="txtMeetingDate" CssClass="form-control" runat="server"></asp:TextBox>
<span class="form-control-feedback fa fa-1x fa-calendar"></span>
</div>
</div>
</div>
</form>
<script src="bootstrap-3.3.7-dist/js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="bootstrap-3.3.7-dist/bootstrap-datepicker/js/bootstrap-datepicker.js" type="text/javascript"></script>
<script type="text/javascript">
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
$( '#<%=txtMeetingDate.ClientID%>').datepicker({
autoclose: true,
todayHighlight: true,
startDate: today,
format: "dd/mm/yyyy"
});
</script>
<body>
</html>
Bootstrap Date Picker File Download Link:
https://bootstrap-datepicker.readthedocs.io/en/latest/
This Post is Really Helpful..
ReplyDeleteThanks bro ....
ReplyDeleteNice Blog!!
ReplyDeleteXantatech is one of the best UX/UI service provider. We incorporate user experience (UX) design and development activities at every stage of your product life cycle aiming improvement in end-user experience.