css selector - get the value - html

Question

What is the css selector to get the text value '2017-10-09' ?
<div class="col-xs-6">
<strong>
<!--ko text: date -->
2017-10-09
<!--/ko-->
<!--ko text: time -->
12:55
<!--/ko-->
</strong><br>
<!--ko text: locationName -->
City
<!--/ko-->
</div>

Answer 1

There is no such selector.
With a few exceptions (such as :first-line), a selector only allows you to select an element.
The text 2017-10-09 is not an element, it isn't even the whole text content of an element.
strong would allow you to select <strong><!--ko text: date -->2017-10-09<!--/ko--><!--ko text: time -->12:55<!--/ko--></strong> but that is more than you are asking for.
You could select the strong element, then read its text content, and then parse that (e.g. by splitting it across space characters or using a regular expression such as /(\d{4}-\d{2}-\d{2})/).

Answer 2

There are no CSS selectors that can check the data format in the text node that I know of. You should wrap a tag around the date and that use a proper selector for that tag like:
<div class="col-xs-6">
<strong>
<!--ko text: date -->
<span class="date">
2017-10-09
</span>
<!--/ko-->
<!--ko text: time -->
12:55
<!--/ko-->
</strong><br>
<!--ko text: locationName -->
City
<!--/ko-->
</div>
Alternatively, you can target the strong tag inside the div and then process the date out of text node.