Bu makalede, C # ve VB.Net kullanarak ASP.Net’te Sunucu Tarafındaki (Kod Arkası) Düğme üzerindeki Bootstrap
DatePicker (Takvim) öğesinin seçili Tarihini nasıl alacağınız göstereceğiz.
Seçilen Tarihin Tarih formatı dd / AA / yyyy formatına ayarlanacaktır.
Bootstrap DatePicker Eklentisi
Bu makalede, BootPrap eklentisi için DatePicker kullanır.
HTML
Aşağıdaki HTML bir ASP.Net TextBox ve bir Düğmeden oluşur. TextBox’un ReadOnly özelliği, True olarak ayarlanır.
<asp: TextBox ID = “txtDate” runat = “sunucu” ReadOnly = “true”> </ asp: TextBox>
<asp: Button ID = “btnSubmit” runat = “server” Text = “Gönder” OnClick = “btnSubmit_Click” />
<!-- Bootstrap -->
<script type="text/javascript" src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'></script>
<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js'></script>
<link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css'
media="screen" />
<!-- Bootstrap -->
<!-- Bootstrap DatePicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" type="text/css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js" type="text/javascript"></script>
<!-- Bootstrap DatePicker -->
<script type="text/javascript">
$(function () {
$('[id*=txtDate]').datepicker({
changeMonth: true,
changeYear: true,
format: "dd/mm/yyyy",
language: "tr"
});
});
</script>
C#
protected void btnSubmit_Click(object sender, EventArgs e)
{
string dt = Request.Form[txtDate.UniqueID];
ClientScript.RegisterStartupScript(this.GetType(), "Alarm", "alert('Selected Date: " + dt + "');", true);
}
VB.Net
Protected Sub btnSubmit_Click(ByVal sender As Object, ByVal e As EventArgs)
Dim dt As String = Request.Form(txtDate.UniqueID)
ClientScript.RegisterStartupScript(Me.GetType(), "alert", "alert('Selected Date: " & dt & "');", True)
End Sub
