HiWill you please share the code how can i get the value from input type time TextBox using jQueryltlabel for34timePicker134gtSet Timeltlabelgtltinput type34time34 id34timePicker134gt

jQuery: Get value from INPUT type TIME in HTML5

makenzi....

SOLVED CLOSED ACTIVE ANSWERED
User: makenzi.exc
Posted: 5 hours ago
Forum: jQuery and jQuery Plugins
Replies: 1
Views: 27

Hi,

Will you please share the code how can i get the value from input type time TextBox using jQuery.

<label for="timePicker1">Set Time:</label>
<input type="time" id="timePicker1">

Download FREE API for Word, Excel and PDF in ASP.Net

Mudassar

0 1

Reply
User: Mudassar
Replied: 4 hours ago
Report

Hi makenzi.exc,

Refer below example.

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style type="text/css">
        body { font-family: Arial; font-size: 10pt; }
    </style>
</head>
<body>
    <label for="timePicker">Time:</label>
    <input id="timePicker" type="time" value="10:00" />
    <input id="btnGetTime" type="button" value="Get Time" />
    <input id="btnSetTime" type="button" value="Set Time" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnGetTime").click(function () {
                var time = $('#timePicker').val(); // Get value
                alert(time);
            });

            $("#btnSetTime").click(function () {
                $('#timePicker').val("22:30"); // Set value
            });
        });
    </script>
</body>
</html>

Demo

Screenshot

Downloads

Download Sample

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Description

Description is required.

jQuery: Get value from INPUT type TIME in HTML5

Company

Explore

Follow us

Contact Us