JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="createCSVWrap">
        <fieldset>
            <legend> Create the CVS File  </legend>
            <div class="dateWrap">
                <label> 开始时间： </label>
                
                <div style="float:right">
                    <input id="startTime" name="startTime" type="text" value="13:37:06" />
                    
                </div>
            </div>
            
            
        </fieldset>
    </div>
    
    <input id="f" name="fuck"  value="18:27:56" />
    <input class="tt" name="tt" value="02:07:56" />
    <input name="ok" class="ok"  value="08:07:56" />
    
</div>

CSS

#timePicker
{
    position:absolute;
    width:185px;
    
    padding:10px;
    margin-top:5px;
    background:#F3F3F3;
    border:1px solid #999;
}

JavaScript

$(document).ready(function() {
    $('#startTime').timePicker();
    
    $('#f').timePicker();
    $('.tt').timePicker();
    $('.ok').timePicker();
});


(function($) {
    var timePickerBody, timeOption, timeReset;
    
    $.fn.timePicker = function(options) {
        var defaults = {
            setTimeFocus: 'hour'
        }; //,originalTime :''
        var options = $.extend(defaults, options);

        if ($('#timePicker').length === 0) {
            timePickerBody = $('<div></div>').attr('id', 'timePicker').hide().appendTo('body');
            timeOption = $('<div></div>').appendTo(timePickerBody).attr('id', 'setTimeOption');
            timeReset = $('<a></a>').attr({'id': 'timeReset', 'href': '#'}).text('Reset').appendTo(timeOption);
        }
        
        return this.each(function() {
            var o = options;
            
            $(this).focus(function() {
                _input = $(this); // ONLY put here can change value of each input field
                originalTime = '';
                //originalTime = {} ;
                intial();
            });

            function intial() {
                showSetTime();
                setTimePickerPosition();
                timeReset.unbind('click');
                timeReset.click(resetTime);
            }

            function showSetTime() {
                timePickerBody.show();
            }

            function hiddenSetTime() {
                timePickerBody.hide();
            }

            function setTimePickerPosition() {
                var _inputPosition = _input.offset();

                var _timePickerPosition = [_inputPosition.left, _inputPosition.top + _input.height()];
                var _timePickerPositionLeft = _timePickerPosition[0],
                    _timePickerPositionTop = _timePickerPosition[1];
                $('#timePicker').css({
                    'left': _timePickerPositionLeft + 'px',
                    'top': _timePickerPositionTop + 'px'
          ...