Implement DateTimePicker in ASP.Net TextBox using jQuery

Hi ahmadsubuhanl...,

Use bootstrap DatePicker. Refer below sample.

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("[id*=txtDateTime]").datetimepicker({
            format: 'MM/DD/YYYY HH:mm'
        });
    });
</script>
<br />
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="form-group">
                <asp:TextBox ID="txtDateTime" runat="server" CssClass="form-control" />
            </div>
        </div>
    </div>
</div>

Code

C#

protected void Page_Load(object sender, EventArgs e)
{
    txtDateTime.Text = "02/25/2021 15:10";
}

VB.Net

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    txtDateTime.Text = "02/25/2021 15:10"
End Sub

Screenshot