Get selected Time from MKB TimePicker using JavaScript or jQuery

Here I have created sample that will help you out.

HTML

<div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        function GetCurrentTime() {
            alert(String.format("{0}:{1}:{2} {3}"
                        , $('[id*=TimeSelector1]').find('[id*=txtHour]').val()
                        , $('[id*=TimeSelector1]').find('[id*=txtMinute]').val()
                        , $('[id*=TimeSelector1]').find('[id*=txtSecond]').val()
                        , $('[id*=TimeSelector1]').find('[id*=txtAmPm]').val()));
            return false;
        }
    </script>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <br />
    <cc1:TimeSelector ID="TimeSelector1" runat="server" AllowSecondEditing="true">
    </cc1:TimeSelector>
    <hr />
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClientClick="return GetCurrentTime()" />
</div>

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DateTime dt = DateTime.Parse("12:35 PM");
        MKB.TimePicker.TimeSelector.AmPmSpec am_pm;
        if (dt.ToString("tt") == "AM")
        {
            am_pm = MKB.TimePicker.TimeSelector.AmPmSpec.AM;
        }
        else
        {
            am_pm = MKB.TimePicker.TimeSelector.AmPmSpec.PM;
        }
        TimeSelector1.SetTime(dt.Hour, dt.Minute, am_pm);
    }
}

Screenshot