# TimePicker

###### tags: `android` `time picker` `kotlin`

fun showPicker(view: View) {
    TimePickerFragment().show(supportFragmentManager, "timePicker")
}

class TimePickerFragment : DialogFragment(), TimePickerDialog.OnTimeSetListener {

    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        val calendar = Calendar.getInstance()
        val hour = calendar.get(Calendar.HOUR_OF_DAY) // hour 初始值
        val minute = calendar.get(Calendar.MINUTE) // minute 初始值
        return TimePickerDialog(activity, this, hour, minute, DateFormat.is24HourFormat(activity))
    }

    override fun onTimeSet(view: TimePicker?, hourOfDay: Int, minute: Int) {
        println("hour: $hourOfDay, minute: $minute")
    }
}

## Theme


<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        ...
        <item name="android:timePickerStyle">@style/MyTimePickerDark</item>
    </style>

    <!-- Dark Time Picker-->
    <style name="MyTimePickerDark" parent="android:Widget.Material.TimePicker">
        <item name="android:headerBackground">#FF5722</item>
        <item name="android:numbersTextColor">#673AB7</item>
        <item name="android:numbersSelectorColor">#FFEB3B</item>
        <item name="android:numbersBackgroundColor">#61E761</item>
        <item name="android:timePickerMode">clock</item>
        <item name="android:background">#FFC107</item>
    </style>

    <!-- Light Time Picker-->
    <style name="MyTimePickerLight" parent="android:Widget.Material.Light.TimePicker">
        <item name="android:headerBackground">#FF5722</item>
        <item name="android:numbersTextColor">#673AB7</item>
        <item name="android:numbersSelectorColor">#FFEB3B</item>
        <item name="android:numbersBackgroundColor">#61E761</item>
        <item name="android:timePickerMode">clock</item>
        <item name="android:background">#FFC107</item>

    </style>

</resources>

**MyTimePickerDark**
 

**MyTimePickerLight**
 

<item name="android:timePickerMode">spinner</item>